@-webkit-keyframes sidebar-ani-out{0%{left:-220px} 25%{left:-30px} 50%{left:-20px} 75%{left:-10px} 100%{left:0px}}
@-webkit-keyframes sidebar-ani-in{0%{left:0px} 100%{left:-220px}}
div.mobile-sidebar{display:none;background:rgba(0,0,0,0.5);width:100%;height:100%;position:fixed;top:0;left:0;z-index:105}
div.mobile-sidebar-wrap{width:220px;height:100%;position:fixed;left:0;top:0;background:#0f9d58;box-shadow:1px 0px 82px #333}
div.mobile-sidebar-wrap.sidebar-out{-webkit-animation:sidebar-ani-out 0.2s;animation:sidebar-ani-out 0.2s}
div.mobile-sidebar-wrap.sidebar-in{-webkit-animation:sidebar-ani-in 0.2s;animation:sidebar-ani-in 0.2s}
div.mobile-sidebar .searchform{margin:10px 0px;overflow:hidden}
div.mobile-sidebar .searchform form{position:relative;overflow:hidden;height:34px;margin:8px;background:#FFF;border-radius:5px}
div.mobile-sidebar .searchform form > *{position:absolute;top:0;border:none}
div.mobile-sidebar .searchform form input.search-box{left:0;padding:8px;font-size:1em;outline:none;color:#444}
div.mobile-sidebar .searchform form input.search-box::-webkit-input-placeholder,
div.mobile-sidebar .searchform form input.search-box:-moz-placeholder,
div.mobile-sidebar .searchform form input.search-box::-moz-placeholder,
div.mobile-sidebar .searchform form input.search-box:-ms-input-placeholder{color:#444}
div.mobile-sidebar .searchform form button.submit{right:0;border:none;background:#5CB85C;padding:9px 10px;color:#FFF}
div.mobile-menu ul{list-style:none}
div.mobile-menu ul li{border-top:1px solid #47a447}
div.mobile-menu ul li a{display:block;padding:1em;color:#fff;text-transform:uppercase;font-size:1em;letter-spacing:0.09em;text-decoration:none;transition:color 0.2s, background 0.5s}
div.mobile-menu ul li a.active {background:#0f894c}
.mobile-social ul{overflow:hidden;padding:10px 10px;background:#5cb85c}
.mobile-social ul li{float:left;margin:5px}
.mobile-social ul li a{position:relative;display:block;width:38px;height:38px;border-radius:3px}
.mobile-social ul li a span{position:absolute;display:block}
.mobile-social ul li a span.share-image{width:40px;height:40px;border-radius:3px}
.mobile-social ul li a span.share-count{padding:3px;bottom:0px;right:0px;background:rgba(242, 96, 79, 0.7);color:#FFF;border-radius:20px;font-size: 0.775em;display:none}
.mobile-social ul li a span.share-count.green{background:rgba(92, 184, 92, 0.7);min-width:13px}
.mobile-social ul li.sidebar-fb    a .share-image{background:url('../images/ico-facebook.png') no-repeat center center}
.mobile-social ul li.sidebar-tw    a .share-image{background:url('../images/ico-twitter.png') no-repeat center center}
.mobile-social ul li.sidebar-skype a .share-image{background:url('../images/ico-skype.png') no-repeat center center}
.mobile-social ul li.sidebar-ggp   a .share-image{background:url('../images/ico-googleplus.png') no-repeat center center}
.mobile-social ul li.sidebar-rss   a .share-image{background:url('../images/ico-rss.png') no-repeat center center}
.site-wrap{position:relative;top:0;bottom:100%;left:0;z-index:100}
#mobile-btn{display:none;position: absolute;top:-18px;left:10px}
.nav-trigger{position:absolute;clip:rect(0, 0, 0, 0)}
label[for="nav-trigger"]{position:absolute;left:-32px; top:30px;z-index:2;height:30px;width:30px;cursor:pointer;font-size:2.0em;color:#47a447}